<!DOCTYPE html>  
<html lang="zh-CN">  
<head>  
    <meta charset="UTF-8">  
    <meta name="viewport" content="width=device-width, initial-scale=1.0">  
    <title>我的个人博客</title>  
    <!-- 可以在这里添加CSS样式链接 -->  
    <link rel="stylesheet" href="styles.css">  
</head>  
<body>  
    <header>  
        <h1>我的个人博客</h1>  
        <nav>  
            <ul>  
                <li><a href="#home">首页</a></li>  
                <li><a href="#about">关于我</a></li>  
                <li><a href="#posts">文章</a></li>  
                <li><a href="#contact">联系方式</a></li>  
            </ul>  
        </nav>  
    </header>  
      
    <main>  
        <section id="home">  
            <h2>欢迎来到我的博客</h2>  
            <p>这里是博客的简介...</p>  
        </section>  
          
        <section id="about">  
            <h2>关于我</h2>  
            <p>我是XXX，一个热爱编程和写作的人...</p>  
        </section>  
          
        <section id="posts">  
            <h2>最新文章</h2>  
            <article>  
                <h3>文章标题一</h3>  
                <p>这里是文章一的内容简介...</p>  
                <a href="post1.html">阅读全文</a>  
            </article>  
            <article>  
                <h3>文章标题二</h3>  
                <p>这里是文章二的内容简介...</p>  
                <a href="post2.html">阅读全文</a>  
            </article>  
        </section>  
          
        <section id="contact">  
            <h2>联系方式</h2>  
            <p>你可以通过以下方式联系我：</p>  
            <ul>  
                <li>邮箱：example@example.com</li>  
                <li>GitHub：https://github.com/yourusername</li>  
            </ul>  
        </section>  
    </main>  
      
    <footer>  
        <p>版权所有 &copy; 2023 我的个人博客</p>  
    </footer>  
</body>  
</html>